<script setup>
import dayjs from "dayjs"
import { ref } from "vue";

const content=ref("<h1>我是h1标签</h1>")

</script>

<template>
	<view class="page-wrap" v-if="true">
		<view class="news-title">
			标题
		</view>
		<view class="news-info">
			<view class="author">作者</view>
			<view class="date">{{dayjs(1756278408462).format("YYYY-MM-DD HH:mm:ss")}}</view>
		</view>
		<view class="news-content">
			<uv-parse :content="content"></uv-parse>			
		</view>
		<view style="padding:30rpx 0; font-size: 28rpx;color:#666">阅读量：66</view>
	</view>
	
	<uni-load-more status="noMore" v-else></uni-load-more>
</template>

<style lang="scss" scoped>
	.page-wrap{
		padding:24rpx 32rpx;
		.news-title{
			font-size: 36rpx;
			font-weight: bolder;
			line-height: 1.6em;
			padding-bottom: 24rpx;
		}
		.news-info{
			display: flex;
			gap:16rpx;
			font-size: 28rpx;
			color:#888;
			padding-bottom:24rpx;
		}
		.news-content{
			:deep(._root){
				overflow-x: hidden;
			}
		}
	}
</style>
